
#deviceInfo {
	float:left;
	margin-left:10px;
	width:289px;
	font-size:0.9em;
	border:1px solid #ccc;
	overflow:hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#fff;
	padding-bottom:10px;

}
#deviceInfo .header {
	background-color: #fefefe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ccc));
	background-image: -moz-linear-gradient(top, #fefefe, #ccc);
	height:80px;
	position:relative;
	padding-left:60px;
	padding-top:10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;

}
#deviceInfo .header IMG {position:absolute;top:5px;left:5px;width:48px;height:48px;}
#deviceInfo .header B {color:#000;font-size:1.2em;display:block;overflow:hidden;margin-bottom:5px;}
#deviceInfo .header SPAN {font-size:0.8em;color:#666;}
#deviceInfo .header .tools {position:absolute; top:65px; left:10px; right:10px;text-align:right;}
#deviceInfo .header .tools A {
	border:1px solid #606060;
	background-color:#878787;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#626161));
	background-image: -moz-linear-gradient(top, #979797, #626161);
	color:#fff;
	font-size:0.8em;
	padding:2px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration:none;
}
#deviceInfo .status {font-weight:bold;color:#fff;padding:5px 5px 5px 10px;}
#deviceInfo .status.up {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#61ad5f), to(#235f1b));
	background-image: -moz-linear-gradient(top, #61ad5f, #235f1b);
	background-color:#006722;
	background-position:left -10px;
	background-repeat:repeat-x;
	border-top:1px solid #235f1b;
	border-bottom:1px solid #235f1b;
}
#deviceInfo .status.down {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#d52c48), to(#690014));
	background-image:-moz-linear-gradient(top, #d52c48, #690014);
	border-top:1px solid #ac444f;
	border-bottom:1px solid #ac444f;
	background-color:#690014;
	background-position:left -10px;
	background-repeat:repeat-x;
}
#deviceInfo .status.disabled {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666));
	background-image: -moz-linear-gradient(top, #ccc, #666);
	background-color:#666;
	background-position:left -10px;
	background-repeat:repeat-x;
}
#deviceInfo .status.down SPAN.alerts {
	background:#fff;
	color:#690014;
	font-weight:bold;
	padding:2px 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#deviceInfo .status SPAN {float:right;font-size:0.75em;}
#deviceInfo .param {font-size:0.8em; border-bottom:1px solid #ccc;padding:5px 5px 5px 30px;}
#deviceInfo .param DIV {}
#deviceInfo .param A {text-decoration:none;}
#deviceInfo .param SPAN {float:right;}
#deviceInfo .param .right {float:right;}
#deviceInfo .param .email {width:20px;height:20px;background: url(/img/icons/mail.png) center center no-repeat;}


#deviceInfo .param.info {background: url(/img/icons/information-balloon.png) 10px 5px no-repeat;}
.iconProcessors {background: url(/img/icons/processor.png) 10px 5px no-repeat;}
.iconMemory {background: url(/img/icons/memory.png) 10px 5px no-repeat;}
.iconInterfaces {background: url(/img/icons/interfaces.png) 10px 5px no-repeat;}
.iconStorage {background: url(/img/icons/drive.png) 10px 5px no-repeat;}
.iconContact {background: url(/img/icons/user-black.png) 10px 5px no-repeat;}
.iconLocation {background: url(/img/icons/building.png) 10px 5px no-repeat;}
.iconStatus {background: url(/img/icons/traffic-light.png) 10px 5px no-repeat;}
.iconSystemMonitor {background: url(/img/icons/system-monitor.png) 10px 5px no-repeat;}
.iconUsers {background: url(/img/icons/users.png) 10px 5px no-repeat;}
.iconGear {background: url(/img/icons/gear.png) 10px 5px no-repeat;}
.iconFlag {background: url(/img/icons/flag.png) 10px 5px no-repeat;}
.iconLightBulb {background: url(/img/icons/light-bulb.png) 10px 5px no-repeat;}
.iconSearch {background-image:url('../img/icons/magnifier-left.png');}
.iconPlus {background-image:url('../img/icons/plus.png');}
.iconTick {background-image:url('../img/icons/tick-circle.png');}
.iconCross {background-image:url('../img/icons/cross-circle.png');}
.iconActivitySml {background-image:url('../img/icons/activity.gif');}
#deviceInfo .param:last-child {border-bottom:none;}


BODY.device #body {margin-top:10px;}


#tabPanel { margin-left:320px;margin-right:5px;}
#tabPanel .tabs {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e0e0e0));
	background-image:-moz-linear-gradient(top, #fcfcfc, #e0e0e0);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#e0e0e0;
	padding:5px 10px 0px 20px;
	overflow:hidden;
}
#tabPanel .tabs A {
	border-color:#c9c9c9;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#bebebe));
	background-image: -moz-linear-gradient(top, #f8f8f8, #bebebe);
	background-repeat:repeat-x;
	color:#333;
	float:left;
	height:1.2em;
	font-size:0.8em;
	text-decoration:none;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	padding:5px 10px 4px;
	margin:0px 2px;
}
#tabPanel .tabs A.active {background:#fff;padding:5px 10px;}
#tabPanel .tabs .search {float:right;}
#tabPanel .tabs .search INPUT[type=text] {
	border:1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:3px 3px 3px 26px;
	margin:0px;
	color:#666;
	background: #fff url('../img/icons/magnifier-left.png') 5px center no-repeat;
}
#tabPanel .tabs .search INPUT[type=text].focus {color:#000;} 




.tab.summary {overflow:hidden;}
.tab.summary .graph_ping_status {margin:10px 0px;position:relative;}
.tab  H3 {color:#333;font-size:1em;font-weight:bold;padding: 0px 0px 0px 20px;margin:0px;background-position:left top !important;}
.tab  H3 SPAN {color:#999;font-weight:normal;font-size:0.7em;}
.tab.summary .graph_ping_status H3 {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background:url('../img/icons/system-monitor.png') 5px 1px no-repeat;
}
IMG.graph {cursor:url(/img/icons/magnifier-zoom-in.png), -moz-zoom-in; }
.tab.summary .graph_processor_utilization {position:relative;}
.tab.summary .graph_processor_utilization H3 {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background:url('../img/icons/processor.png') 5px 1px no-repeat;
}
.tab.summary .system_resources H3 { background:url('../img/icons/dashboard.png') 5px 1px no-repeat;}
.tab.summary .network_traffic H3 {background:url('../img/icons/interfaces.png') 5px 1px no-repeat;}
.tab.summary .graph_processor_utilization IMG:nth-child(3) {position:absolute;left:500px;top:0px;}
.tab.summary .graph_processor_utilization IMG:nth-child(4) {position:absolute;left:500px;top:85px;}
.tab.summary .graph_processor_utilization IMG:nth-child(5) {position:absolute;left:500px;top:170px;}
.tab.summary .columns {overflow:hidden;}
.tab.summary .column {
	position:relative;
	float:left;
	overflow: hidden;
	margin:0px 5px 0px 0px;
	min-height:100px;
}
.tab.summary .column:last-child {width:300px;}
.tab.interfaces TR.ignore TD {color:#666;}
TD {vertical-align:top;font-size:0.8em;}
.odd TD,.odd TH {background-color:#eee;}
.tab H2 {color:#666;margin:5px 5px 2px 10px;}
.tab H2 A {float:right;font-size:0.5em;color:#333;text-decoration:none;}
.tab H2 A:hover {text-decoration:underline;}
.tab.processes TABLE TD {font-size: 0.7em;}
.system_resources {}
.system_resources A {color:#333;text-decoration:none;}
.system_resources A:hover {color:#000;}
.system_resources .group {
	font-size:0.70em;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background-image: -moz-linear-gradient(top, #fff, #ccc);
	border-bottom:1px solid #ccc;
	padding:2px  2px 2px 10px;
	margin-top:5px;
	font-weight:bold;
}

.system_resources .param {
	position:relative;
	font-size:0.75em;
	border-bottom:1px solid #ccc;
	padding:5px 5px 5px 30px;
}
.system_resources .param.down {background-color:#ffcccc;}
.system_resources .param SPAN {float:right;}
.system_resources .param SPAN.percentage {width:30px; text-align:right;}
.system_resources .param SPAN.barGauge {width:100px;border:1px solid #999;height:14px;position:absolute; top:4px; right:0px;}
.system_resources .param SPAN.barGauge SPAN.bar {z-index:0;background:#CDEB8B;position:absolute; bottom:0px; left:0px; top:0px;}
.system_resources .param SPAN.barGauge SPAN.text {z-index:1;font-size:0.9em;margin-right:5px;}
.system_resources .param SPAN.barGauge.caution {border-color:#f90;}
.system_resources .param SPAN.barGauge.caution SPAN.bar {background-color:#fc6;}
.system_resources .param SPAN.barGauge.alert {border-color:#f00;}
.system_resources .param SPAN.barGauge.alert SPAN.bar {background-color:#fcc;}
.system_resources .param .out {background:url('../img/arrow-down-blue.png') left center no-repeat; color:#000099;font-size:0.9em;padding-left:20px;margin-left:5px;}
.system_resources .param .in {background:url('../img/arrow-up-green.png') left center no-repeat; color:#006600;font-size:0.9em;padding-left:20px;}
.graphs {position:relative;padding-top:20px;overflow:hidden;}
.graphs H3 {border-bottom:1px solid #ccc;margin:0px; padding:2px 10px 2px 30px;background-position: 5px top;}
.graphs H3 SPAN {color:#999;font-weight:normal;font-size:0.7em;}
.graphs H3 A {float:right;	font-size:0.6em;}
.system .graphs IMG {}

.system FIELDSET {float:left;font-size:0.7em;border:none;margin-top:5px;padding:0px;padding-top:5px; width:100px;}
.system FIELDSET LEGEND {font-weight:bold;}
.system FIELDSET DIV {padding-left:15px;position:relative;}
.system FIELDSET DIV SPAN {position:absolute; top:0px; left:0px; width:10px;height:10px;border:1px solid #ccc;}
.system FIELDSET DIV SPAN.online {background:#CDEB8B;}
.system FIELDSET DIV SPAN.offline {background:#FFCCCC;}
.system FIELDSET DIV SPAN.user {background:#c02020;}
.system FIELDSET DIV SPAN.system {background:#ea8f00;}
.system FIELDSET DIV SPAN.nice {background:#008f00;}
.system FIELDSET DIV SPAN.idle {background:#fff;}
.system FIELDSET DIV SPAN.used {background:#f0e0a0;}
.system FIELDSET DIV SPAN.shared {background:#afeced;}
.system FIELDSET DIV SPAN.buffers {background:#cc0000;}
.system FIELDSET DIV SPAN.free {background:#f5f5e5;}
.system FIELDSET DIV SPAN.cached {background:#ffaa66;}
.system FIELDSET DIV SPAN.swap {background:#C3D9FF;}
.system FIELDSET DIV SPAN.load1min {background:#c5aa00;}
.system FIELDSET DIV SPAN.load5min {background:#ea8f00;}
.system FIELDSET DIV SPAN.load15min {background:#cc0000;}
.system FIELDSET DIV SPAN.uptime {background:#EEEEEE;}
.system FIELDSET DIV SPAN.total_memory {background:#000;}
.system FIELDSET DIV SPAN.used_memory {background:#f00;}
.system FIELDSET DIV SPAN.total_swap {background:#000;}
.system FIELDSET DIV SPAN.used_swap {background:#356AA0;}


/*****  Devices List *****/

BODY.devices #tabPanel {margin:0px;padding-top:0px;}
BODY.devices #tabPanel .tab {padding:0px;}

/***** Interfaces List *****/

.interfaces TABLE {width:100%; border-collapse: collapse;}
.interfaces TABLE THEAD TH {
	border-bottom:1px solid #ccc;
	color:#666;
	font-size:0.8em;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	padding:4px 20px 3px 10px;
	margin:0px;
}
.interfaces TABLE THEAD TH SPAN {font-size:0.8em;font-weight:normal;}
.interfaces TABLE TBODY TD {
	margin:0px;
	font-size:0.8em;
	border-bottom:1px solid #ccc;
	padding:4px 5px 3px;
}
.interfaces TABLE TBODY TD:first-child {vertical-align: middle;}
.interfaces TABLE TBODY TD IMG.graph {border:1px solid #ccc;}
.interfaces TABLE TBODY TD .port {
	width:24px;
	height:18px;
	background:#ccc url('../img/facades/connector_mask_up.png') center top no-repeat;
	border:1px solid #86827d;
}
.interfaces TABLE TBODY TD .port.up {background-color:#0d0;}
.interfaces TABLE TBODY TD .port.down {background-color:#e00;}
.interfaces TABLE TBODY TD.rate {font-size:0.7em;}
.interfaces TABLE TBODY TD.rate DIV {padding:2px 0px 2px 20px;}
.interfaces TABLE TBODY TD.rate .out {background:url('../img/arrow-down-blue.png') left center no-repeat; color:#000099;}
.interfaces TABLE TBODY TD.rate .in {background:url('../img/arrow-up-green.png') left center no-repeat; color:#006600;}
.interfaces TABLE TBODY TD.title A {display:block;color:#000;font-weight:bold;font-size:1em; text-decoration:none;margin-bottom:3px;}
.interfaces TABLE TBODY TD.title SPAN {color:#999;}
.interfaces TABLE TBODY TD.info {font-size:0.7em;}
.interfaces TABLE TBODY TD.info B {float:left;width:80px; text-align:right;clear:left;margin-right:3px;color:#999;}
.interfaces TABLE TBODY TR.ignore TD.rate DIV {display:none;}
.interface FORM {
	display:block;
	margin:10px 0px 0px;
	overflow:hidden;
	font-size:0.9em;
	padding:10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border:1px solid #ccc;
	background-color: #f9f9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ccc));
	background-image: -moz-linear-gradient(top, #fefefe, #ccc);
	
}
.interface FORM .column {float:left; margin:0px 5px;}
.interface FORM .column1 {width:500px;margin-left:60px;}
.interface FORM P {height:25px;}
.interface FORM P LABEL {float:left;width:80px;padding:3px;margin-right:3px;text-align:right;color:#333;}
.interface FORM P INPUT[type=text] {
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:3px 5px;
}
.interface FORM .column2 INPUT[type=text] {width:80px;}
.interface FORM P .iToggle {float:left;}

.iToggle {
	background-color:#690014;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#d52c48), to(#690014));
	background-image:-moz-linear-gradient(top, #d52c48, #690014);
	margin:0px 3px;
	height:20px;
	width:100px;
	padding:0px 10px 0px 6px;
	text-align:right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	color:#fff;
	font-size:0.8em;
	overflow:hidden;
	line-height:20px;
	font-weight:bold;

}
.iToggle SPAN {
	background-color:#eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d8d7d8), to(#ebebeb));
	background-image: -moz-linear-gradient(top, #d8d7d8, #ebebeb);
	position:absolute;
	top:0px;
	left:0px;
	width:35px;
	height:18px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border:1px solid #ebebeb;
	outline: 1px solid #a2a2a2;
}
.iToggle.checked {
	text-align:left;
	background-color: #235f1b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#61ad5f), to(#235f1b));
	background-image: -moz-linear-gradient(top, #61ad5f, #235f1b);
}
.iToggle.checked SPAN {right:0px;left:auto;}




.processes TABLE {width:100%;border-collapse: collapse;}
.processes TABLE THEAD TH {
	border-bottom:1px solid #ccc;
	color:#333;
	font-size:0.8em;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	padding:2px;
	margin:0px;
}
.processes TABLE THEAD TH SPAN {font-size:0.8em;font-weight:normal;}
.processes TABLE TBODY TD {
	margin:0px;
	font-size:0.8em;
	border-bottom:1px solid #ccc;
	padding:2px;
}

.software TABLE {width:100%;border-collapse: collapse;}
.software TABLE THEAD TH {
	border-bottom:1px solid #ccc;
	color:#333;
	font-size:0.8em;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	padding:2px;
	margin:0px;
}
.software TABLE THEAD TH SPAN {font-size:0.8em;font-weight:normal;}
.software TABLE TBODY TD {
	margin:0px;
	font-size:0.8em;
	border-bottom:1px solid #ccc;
	padding:2px;
}



#addDevice {width:600px;height:170px;}
#addDevice.discovering {height:500px;}
#addDevice .discoveryResults {width:100%;color:#fff;border-collapse: collapse;}
#addDevice .discoveryResults TBODY TD {background-position:center center;background-repeat: no-repeat;}
#addDevice .discoveryResults TH {text-align:left;}
#addDevice .discoveryResults TBODY TH {font-weight:normal;}
#addDevice .discoveryResults TBODY TH,#addDevice .discoveryResults TBODY TD {padding:3px 5px;}